﻿@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	background: url(../images/body_bg.jpg);
	font-family:"微软雅黑,Arial, Helvetica, sans-serif";
}
* {
	margin: 0px;
	padding: 0px;
}
/*公用样式*/
/*头部文件样式*/
.header {
	height: 80px;
	border: 0px;
	background:#16c09b;
	position:relative;
	z-index:10;
}
.header_content {
	margin: 0 auto;
	height: 80px;
	border: 0px;
	width: 1160px;
	position:relative;
}
.header_content .left {
	float: left;
	width: 200px;
	border: 0px;
	height: 80px;
	background: url(../images/logo.PNG) no-repeat;
	background-position:center;
}
.header_content .middle {
	float: left;
	width: 700px;
	height: 80px;
	border: 0px;
	margin-left:40px;
}
.header_content .middle a
{
color:#FFFFFF;
}
.header_content .middle a:hover
{
text-decoration:none;
}
.header_content .right {
	width: 150px;
	height: 80px;
	line-height: 70px;
	text-align: center;
	border: 0px;
	position:absolute;
	right:5px;
	
	
}
.header_content .middle ul li {
	float: left;
	height:80px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	line-height: 80px;
	color: #FFF;
	font-size:18px;
	cursor: pointer;
	margin-left:5px;
	margin-right:5px;
	cursor:pointer;
}
.header_content .middle ul li:hover {
	background: #FFF;
	color: #333;
	border-bottom: 3px solid #FD8606;
}
.header_content .middle ul li:hover a
{
color: #333;
}
.header_content .right .login_btn {
	background: #2FA455;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 200px;
	border-radius: 4px;
	cursor: pointer;
	color: #FFF;
	font-size: 14px;
}
.header_content .right .login_btn:hover {
	background: #FFB05B;
}


/*顶部下拉样式开始*/
.nav_drop
{
width:165px;
height:50px;
background:#16c19b;
margin-top:15px;
}
.nav_drop .div1
{
float:left;
height:50px;
width:50px;
}
.nav_drop .div1 img
{
height:40px; 
width:40px;
 margin-top:5px; 
 margin-left:5px;
  border-radius:40px;
}
.nav_drop .div2
{
float:left;
height:50px;
width:50px;
line-height:50px;
overflow:hidden;
color:#FFFFFF;
font-weight:bold;
}
.nav_drop .div3
{
float:left;
height:50px;
width:65px;
line-height:50px;
background:url(../images/ddf2.png) no-repeat;
background-position:center;
position:relative;
cursor:pointer;
}
.nav_drop .div3 .drop_panel
{
min-height:100px;
position:absolute;
width:140px;
top:60px;
left:-80px;
color:#DBDBDB;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=30,strength=1);/*ie*/
-moz-box-shadow: 1px 1px 5px #909090;/*firefox*/
-webkit-box-shadow: 1px 1px 5px #F3F3F3 ;/*safari或chrome*/
box-shadow:1px 1px 2px #DBDBDB;/*opera或ie9*/
background:#FFFFFF;
display:none;
}

.nav_drop .div3 .drop_panel img
{
position:absolute;
top:-6px;
right:10px;
z-index:10000;
}


.nav_drop .div3 .drop_panel li
{
height:25px;
color:#000000;
line-height:25px;
margin:5px;
overflow:hidden;
}
.nav_drop .div3 .drop_panel li a
{
color:#000000;
font-size:14px;
color:#000000;
overflow:hidden;

}
.nav_drop .div3 .drop_panel li a:hover
{
text-decoration:none;
}
.nav_drop .div3 .drop_panel li:hover
{
background:#f5f5f5;
}
.nav_drop .div3 .drop_panel a
{
background-position:center left;
text-indent:20px;
display:block;
text-align:left;
overflow:hidden;
}
.nav_drop .div3 .drop_panel .a1
{
background:url(../images/xb1.png) no-repeat;
background-position:center left;
}
.nav_drop .div3 .drop_panel .a2
{
background:url(../images/xb2.png) no-repeat;
background-position:center left;
}
.nav_drop .div3 .drop_panel .a3
{
background:url(../images/xb3.png) no-repeat;
background-position:center left;
}
.nav_drop .div3 .drop_panel .a4
{
background:url(../images/xb4.png) no-repeat;
background-position:center left;
}














/*main*/
.main {
	border: 1px solid #E6E6E6;
	border-top: none;
	min-height: 1000px;
	width: 1160px;
	margin: 0 auto;
	overflow: hidden;
	background: #FFF;
}
.main .nav {
	height: 45px;
	border: 1px solid #EAEAEA;
	position:relative;
	margin-top:45px;
	border-left:none;
	border-right:none;
}
.main .nav .left {
	float: left;
	width: 160px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	border: none;
	margin:1px;
	background: url(../images/zuixindongtai.PNG) no-repeat;
	background-position: center;
}
.main .nav .middle_wrapper
{
	width: 400px;
	min-height:180px;
	position:absolute;
	overflow:hidden;
	left:200px;
	top:0px;

}
.main .nav .middle {
	width: 400px;
	min-height:180px;
	position:absolute;
}
.main .nav .middle ul
{
width:400px;
min-height:100px;
overflow:hidden;
padding:0px;
margin:0px;
}

.main .nav .middle ul li
{
float:left;
width:200px;
height:45px;
line-height:45px;
cursor:pointer;
text-align:center;
overflow:hidden;
}


.main .nav .right {
  width: 300px;
  height:35px;
  text-align: center;
  position: absolute;
  right:18px;
  margin:5px 0px 5px 0px;
  border:1px solid #16c09b;
}
.main .nav .point {
	background: url(../images/pointer.PNG) no-repeat;
	background-position: left;
	padding-left:10px;
	font-style: normal;
	font-size: 12px;
	line-height: 45px;

	color: #747474;
}
.main .nav .right .right_wraper {
	height: 35px;
	margin-top: 2px;
	border: 2px solid #16c09b;
	background:#16c09b;
}
.main .nav .right  .keyword_wrapper {
	height: 33px;
	color: #787878;
	font-size: 14px;
	position:absolute;
	width:140px;
	left:80px;
	
}
.main .nav .right .keyword_wrapper input {
	height: 32px;
	width: 160px;
	color: #999999;
	font-size: 14px;
	text-indent:5px;
	line-height:30px;
	font-weight:600px;
	border:none;
	width:140px;
	outline:0;
	
}
.main .nav .right .search_btn {
	background:#16c09b;
	width: 70px;
	height: 33px;
	line-height: 33px;
	cursor:pointer;
	color:#FFFFFF;
	position:absolute;
	right:0px;
	top:0px;
	
}
/*最新动态一下部分样式*/
.content {
	min-height: 500px;
	overflow: hidden;
	width:1160px;
	position:relative;
	background:#FFFFFF;
	
}
.content .content_left {
	float: left;
	min-height: 500px;
	width: 800px;
	overflow: hidden;
	margin:20px 20px; 20px 0px;;
	margin-bottom:65px;
	margin-right:20px;
}

.content .content_left .advertise_div {
	margin-top:20px;
	margin-bottom:15px;
}
/*文章部分*/
.article {
	min-height: 200px;
	overflow: hidden;
	width:800px;
	margin-bottom:25px;
}
.article .article_nav
{ 

}
.article .article_nav .left {
	float: left;
	width: 100px;
	height: 60px;
	border-bottom: 2px solid #3CC09B;
	text-align: center;
	color: #333333;
	line-height: 60px;
	font-size:16px;
	font-weight: 700;
	background: url(../images/wenlog.png) no-repeat;
	background-position: center left;
	
}
.article .article_nav .right {
	float: left;
	border-bottom: 1px solid #CCC;
	line-height: 60px;
	min-height: 60px;
	width:700px;
	overflow: hidden;
	font-size:16px;
	color:#333333;
}
.article .article_content {
	min-height: 200px;
	margin-top:10px;
	width: 800px;
	overflow: hidden;
}
.article .article_nav .right .nav_item_wraper li {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
	color: #848484;
	cursor: pointer;
}
.article .article_nav .right .nav_item_wraper li:hover {
	color: #3CC09B;
}
.article .article_content .article_item
{
 border:none;
 min-height:100px;
 overflow:hidden;
 border-bottom:1px dashed #CCCCCC; margin:5px 0px 5px 0px;
 padding:5px 0px 5px 0px;
}
.article .article_content .article_item .left
{
   float:left;
   height:170px;
   width:250px;
   position:relative;
   margin-bottom:18px;
   border:1px solid #CCCCCC;
}
.article .article_content .article_item .right
{
   float:left;
   width:520px;
   overflow:hidden;
   border:0px;
   margin-left:15px;
   margin-right:6px;
   min-height:160px;
}
.article .article_content .article_item .left .hot
{
  position:absolute;
  top:1px;
  left:1px;

}
.article .article_content .article_item .right .title_wrapper
{
 font-size:20px;
 color:#000000;
}
.article .article_content .article_item .right .writer_wrapper
{
font-size:12px;
color:#AAAAAA;
border:none;
height:18px;
line-height:18px;
margin-top:5px;

}
.article .article_content .article_item .right .content_wrapper
{
   height:70px;
   word-wrap: break-word;
　 word-break: normal;
   font-size:14px;
   color:#333333;
   line-height:25px;
   overflow:hidden;
}
.article .article_content .article_item .right .label_wrapper
{
   font-size:14px;
   color:#666666;
   border:none;
   height:30px;
   line-height:30px;

}
.article .article_content .article_item .right .label_wrapper .label_item
{
   padding-left:5px;
   padding-right:5px;
   background:#e5e5e5;
   cursor:pointer;
   color:#999999;
   border-radius:2px;
   padding:3px 10px 3px 10px;
   font-size:12px;
}
.article .article_content .article_item .right .label_wrapper .label_item:hover
{
   background:#38E0BB;
   color:#ffffff;
   cursor:pointer;
   padding:3px 10px 3px 10px;
   border-radius:2px;
   font-size:12px;
}
.article .article_content .article_item .right .other_wrapper
{
border:none;
height:30px;
line-height:30px;
font-size:12px;
color:#999999;

}
/*视频部分样式*/



.video {
	min-height: 200px;
	overflow: hidden;
	width: 800px;
}
.video .video_nav
{ 
  min-height:20px;
  overflow:hidden;
}
.video .video_nav .left {
	float: left;
	width: 100px;
	height: 60px;
	border-bottom: 2px solid #3CC09B;
	text-align: center;
	color: #333333;
	line-height: 60px;
	font-size:16px;
	font-weight: 700;
	background: url(../images/5.png) no-repeat;
	background-position: center left;
}
.video .video_nav .right {
	float: left;
	border-bottom: 1px solid #CCC;
	line-height: 60px;
	min-height: 60px;
	width:700px;
	overflow: hidden;
	font-size:16px;
	color:#333333;
}
.video .video_nav .right .nav_item_wraper li {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
	color: #848484;
	cursor: pointer;
}
.video .video_nav .right .nav_item_wraper li:hover {
	color: #3CC09B;
}
.video .video_content
{
   border:none;
   clear:both;
   min-height:400px;
   margin-top:15px;
}
.video .video_content .up
{
height:320px;
width:800px;
position:relative;

}
.video .video_content .up .left
{
  height:320px;
  width:579px;
  background:#3333FF;
  float:left;
  position:absolute;
  left:0px;

}
.video .video_content .up .right
{
  height:320px;
  width:220px;
   position:absolute;
   right:0px;

   
}
.video .video_content .up .right ul
{ position:absolute;
top:-10px;

}
.video .video_content .up .right ul li
{
width:185px;
height:100px;
margin:10px;
margin-left:11px;
overflow:hidden;
line-height:25px;
padding:0px 5px 0px 5px;
}
.video .video_content .up .right ul li a
{
text-decoration:none;
   color:#FFFFFF;
   font-size:14px;
}
.video .video_content .down
{
height:160px;
width:800px;
position:relative;
margin-top:15px;
}
.video .video_content .down ul
{
min-height:10px;
overflow:hidden;
}
.video .video_content .down ul li
{
float:left;
width:185px;
height:135px;
margin-right:12px;
overflow:hidden;
}
.video .video_content .down ul li .img_wrapper
{
height:100px;
width:185px;
cursor:pointer;
}
.video .video_content .down ul li .title
{
height:37px;
width:185px;
line-height:37px;
text-align:center;
font-size:16px;
color:#000000;
}
.video_overlap{
    opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=75); /* IE lt 8 */
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
    -khtml-opacity: .75; /* Safari 1.x */
    -moz-opacity: .75; /* FF lt 1.5, Netscape */
}


 /*自习室的样式*/
  .room {
	min-height: 200px;
	overflow: hidden;
	width: 800px;
}
.room .room_nav
{ 
  margin-bottom:50px;

}
.room .room_nav .left {
	float: left;
	width: 100px;
	height: 60px;
	border-bottom: 2px solid #3CC09B;
	text-align: center;
	color: #333333;
	line-height: 60px;
	font-size:16px;
	font-weight: 700;
	
	background: url(../images/room.png) no-repeat;
	background-position: center left;
	text-indent: 20px;
}
.room .room_nav .right {
	float: left;
	border-bottom: 1px solid #CCC;
	line-height: 60px;
	min-height: 60px;
	width:700px;
	overflow: hidden;
	font-size:16px;
	color:#333333;
}
.room .room_content {
	border:none;
	min-height: 200px;
	margin-top:70px;
	width: 800px;
	overflow: hidden;
}
.room .room_nav .right .nav_item_wraper li {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
	color: #848484;
	cursor: pointer;
}
.room .room_nav .right .nav_item_wraper li:hover {
	color: #3CC09B;
}

.room .room_content .right
{
border:none;
float:left;
width:600px;
min-height:200px;
overflow:hidden;
margin-left:10px;
}
.room .room_content .left
{

border:none;
float:left;
width:190px;
height:390px;
overflow:hidden;
cursor:pointer;
margin-top:5px;

} 
.room .room_content .left img:hover
{
  border:1px solid #00C8C8;

}

.room .room_content .right ul li
{
  float:left;
  border:none;
  height:190px;
  cursor:pointer;
  width:190px;
  text-align:center;
  background:#E8E8E8;
  margin:5px;

 
}
.room .room_content .right ul li:hover
{
background:#00C8C8;
cursor:pointer;
color:#FFFFFF;

}
.room .room_content .right ul li .img_wrapper
{
border:none;
height:155px;
width:185px;
margin:2px;
cursor:pointer;
}
.room .room_content .right ul li .title
{
border:none;
height:20px;
width:166px;
margin:0 auto;
margin-top:2px;
margin-bottom:2px;
overflow:hidden;
line-height:20px;
color:#666666;
line-height:20px;
}
.room .room_content .right ul li img
{
width:100%;
height:100%;
}

/*****产品中心*****/

  .product {
	min-height: 200px;
	overflow: hidden;
	width: 800px;
}
.product .product_nav
{ 
  margin-bottom:50px;

}
.product .product_nav .left {
	float: left;
	width: 120px;
	height: 60px;
	border-bottom: 2px solid #3CC09B;
	text-align: center;
	color: #333333;
	line-height: 60px;
	font-size:16px;
	font-weight: 700;
	
	background: url(../images/product.png) no-repeat;
	background-position: center left;
	text-indent: 20px;
}
.product .product_nav .right {
	float: left;
	border-bottom: 1px solid #CCC;
	line-height: 60px;
	min-height: 60px;
	width:680px;
	overflow: hidden;
	font-size:16px;
	color:#333333;
}

.product .product_nav .right .nav_item_wraper li {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
	color: #848484;
	cursor: pointer;
}
.product .product_nav .right .nav_item_wraper li:hover {
	color: #3CC09B;
}
.product .product_content {
	border:none;;
	min-height: 400px;
	margin-top:80px;
	width:800px;
	overflow: hidden;
	background:#F7F7F7;
	font-size:14px;
}
.product .product_content .left
{
float:left;
min-height:500px;
width:179px;
cursor:pointer;
border-right:1px solid #dbdbdb;
}
.product .product_content .right
{
float:left;
border:none;
width:590px;
min-height:400px;
margin:10px 10px 10px 20px;
overflow:hidden;
}
.product .product_content .left ul
{
overflow:hidden;
min-height:100px;
margin:20px;

}
.product .product_content .left ul li
{
float:left;
border:none;
height:30px;
line-height:30px;
width:65px;
overflow:hidden;
cursor:pointer;
font-size:16px;
cursor:pointer;
}
.product .product_content .left ul li:hover
{
color: #3CC09B;
cursor:pointer;
}
.product .product_content .right .up
{
  border:none;
  height:300px;
  width: 590px;
  margin: 0 auto;
  padding:5px;
  cursor:pointer;
}
.product .product_content .right .down
{
  min-height:120px;
  overflow:hidden;
}
.product .product_content .right .down li
{
float:left;
min-height:140px;
width:190px;
margin:3px;
overflow:hidden;
cursor:pointer;
}

.product .product_content .right .down .img_wrapper
{
border:none;
height:100px;
}
.product .product_content .right .down .title
{
border:none;
margin:2px 1px 2px 1px;
height:35px;
line-height:35px;
font-size:16px;
}
/*测评中心*/
.evaluation {
	min-height: 200px;
	overflow: hidden;
	width: 800px;
}
.evaluation .evaluation_nav
{ 
  margin-bottom:50px;

}
.evaluation .evaluation_nav .left {
	float: left;
	width: 120px;
	height: 60px;
	border-bottom: 2px solid #3CC09B;
	text-align: center;
	color: #333333;
	line-height: 60px;
	font-size:16px;
	font-weight: 700;
	background: url(../images/evaluation.png) no-repeat;
	background-position: center left;
	text-indent: 30px;
}
.evaluation .evaluation_nav .right {
	float: left;
	border-bottom: 1px solid #CCC;
	line-height: 60px;
	min-height: 60px;
	width:680px;
	overflow: hidden;
	font-size:16px;
	color:#333333;
}

.evaluation .evaluation_nav .right .nav_item_wraper li {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
	color: #848484;
	cursor: pointer;
}
.evaluation .evaluation_nav .right .nav_item_wraper li:hover {
	color: #3CC09B;
}
.evaluation .evaluation_content
{
min-height:100px;
overflow:hidden;
width:800px;
}
.evaluation .evaluation_content .left
{
float:left;
width:390px;
height:270px;
margin-top:20px;

}
.evaluation .evaluation_content .right
{
float:left;
border:none;
width:410px;
height:240px;

}
.evaluation .evaluation_content .right ul
{
min-height:100px;
overflow:hidden;
width:410px;
margin-left:25px;
list-style:inside;
color:#7B7B7B;
}
.evaluation .evaluation_content .right ul li
{
  height:50px;
  line-height:50px;
  font-size:14px;
  overflow:hidden;
  border-bottom:1px dotted #CCCCCC;
  cursor:pointer;
}
.evaluation .evaluation_content .right ul li:hover
{
color:#16c09b;
}

/*活动栏目*/

.activity {
	min-height: 200px;
	overflow: hidden;
	width: 800px;
}
.activity .activity_nav
{ 
  margin-bottom:50px;
  

}
.activity .activity_nav .left {


	float: left;
	width: 120px;
	height: 60px;
	border-bottom: 2px solid #3CC09B;
	text-align: center;
	color: #333333;
	line-height: 60px;
	font-size:16px;
	font-weight: 700;
	background: url(../images/actlog.png) no-repeat;
	background-position: center left;
	text-indent: 30px;

}
.activity .activity_nav .right {
	float: left;
	border-bottom: 1px solid #CCC;
	line-height: 60px;
	min-height: 60px;
	width:680px;
	overflow: hidden;
	font-size:16px;
	color:#333333;
}

.activity .activity_nav .right .nav_item_wraper li {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
	color: #848484;
	cursor: pointer;
}
.activity .activity_nav .right .nav_item_wraper li:hover {
	color: #3CC09B;
}
.activity .activity_content
{
	min-height: 200px;
	margin-top:20px;
	width:800px;
	overflow: hidden;
}
.activity .activity_content .left
{
float:left;
min-height:300px;
overflow:hidden;
width:400px;


}
.activity .activity_content .right
{
float:left;
min-height:300px;
width:378px;
margin:0px 2px 0px 20px;
}
.activity .activity_content .left .img_wrapper
{
width:400px;
height:270px;
margin-top:9px;
}
.activity .activity_content .left .title_wapper
{
height:30px;
width:400px;
margin:0 auto;
margin-top:2px;
margin-bottom:2px;
line-height:30px;
text-align:center;
font-size:20px;
font-weight:bold;

}
.activity .activity_content .left .content_wapper
{
height:90px;
width:400px;
margin:0 auto;
overflow:hidden;
font-size:13px;
color:#666666;
line-height:20px;
font-size:16px;
font-weight:580;
line-height:30px;

}
.activity .activity_content .left .fun_wrapper
{
height:40px;
width:400px;
margin:0 auto;
margin-top:5px;
margin-bottom:2px;
position:relative;
}

.activity .activity_content .left .fun_wrapper .label_date
{
border:none;
height:20px;
width:125px;
position:absolute;
font-size:12px;
color:#CCCCCC;
text-align:center;
line-height:20px;
top:7px;
}
.activity .activity_content .left .fun_wrapper .people
{

   border:none;
   height:25px;
   width:80px;
    position:absolute;
   top:5px;
   left:135px;
   line-height:25px;
   font-size:14px;
   text-align:center;
   border-radius:4px;
   background:#00C8C8;
   color:#FFFFFF;
}
.activity .activity_content .left .fun_wrapper .takepart
{
  border:none;
  height:25px;
  width:80px;
  text-align:center;
  position:absolute;
  background:#FF799F;
  color:#FFFFFF;
  top:5px;
  line-height:25px;
  left:225px;
  border-radius:4px;
  cursor:pointer;
}
.activity .activity_content .right .item
{
border:none;
height:145px;
margin-top:10px;
margin-bottom:10px;
cursor:pointer;
border-bottom:1px solid #EFEFEF;
}
.activity .activity_content .right .item .item_left
{
float:left;
height:140px;
width:130px;
}

.activity .activity_content .right .item .item_right
{

float:left;
border:none;
height:140px;
width:220px;
margin-left:10px;
}
.activity .activity_content .right .item .item_right .title_wrapper
{
border:none;
height:20px;
margin:1px;
overflow:hidden;
font-size:18px;

}
.activity .activity_content .right .item .item_right .content_wrapper
{
border:none;
height:80px;
font-size:14px;
color:#666666;
overflow:hidden;
margin:10px 0px 10px 0px;
line-height:30px;
}
.activity .activity_content .right .item .item_right .date_wrapper
{
border:none;
margin:1px;
font-size:12px;
color:#999999;
height:20px;
line-height:20px;
}



/*兴趣小组*/
.club {
	min-height: 200px;
	overflow: hidden;
	width: 800px;
}
.club .club_nav
{ 
  margin-bottom:50px;

}

.club .club_nav .left {

	float: left;
	width: 120px;
	height: 60px;
	border-bottom: 2px solid #3CC09B;
	text-align: center;
	color: #333333;
	line-height: 60px;
	font-size:16px;
	font-weight: 700;
	background: url(../images/10.png) no-repeat;
	background-position: center left;
	text-indent: 30px;
}
.club .club_nav .right {
	float: left;
	border-bottom: 1px solid #CCC;
	line-height: 60px;
	min-height: 60px;
	width:680px;
	overflow: hidden;
	font-size:16px;
	color:#333333;
}

.club .club_nav .right .nav_item_wraper li {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
	color: #848484;
	cursor: pointer;
}
.club .club_nav .right .nav_item_wraper li:hover {
	color: #3CC09B;
}

.club .club_content
{
min-height:100px;
overflow:hidden;
width:800px;
}

.club .club_content ul li
{
border:1px solid #CCCCCC;
float:left;
height:175px;
width:390px;
margin:3px;
cursor:pointer;
margin-top:20px;
}
.club .club_content ul li .first
{

height:100px;
width:370px;
margin:0 auto;
margin-top:10px;
}
.club .club_content ul li .second
{
height:35px;
width:370px;
margin:0 auto;
margin-top:15px;
}
.club .club_content ul li .first .log_wrapper
{
float:left;
width:100px;
height:100px;
margin:1px;

}
.club .club_content ul li .first .content_wrapper
{
float:left;
width:245px;
height:100px;
margin:1px;
margin-left:15px;
}
.club .club_content ul li .second .label_wrapper
{
height:35px;
width:100px;
float:left;
margin:1px 0px; 1px 0px;
background:#E2E2E2;
font-size:14px;
line-height:35px;
text-align:center;
}
.club .club_content ul li .second .content_wrapper
{
height:35px;
float:left;
width:270px;
margin:1px 0px; 1px 0px;
line-height:35px;
background:#EEEEEE;
font-size:14px;
text-align:center;
}
.club .club_content ul li .first .content_wrapper .name
{
margin:1px;
height:20px;
line-height:20px;
overflow:hidden;
}
.club .club_content ul li .first .content_wrapper .description
{
margin:1px;
height:55px;
color:#666666;
font-size:14px;
overflow:hidden;
margin-top:5px;
line-height:25px;
}
.club .club_content ul li .first .content_wrapper .other
{
margin:1px;
height:20px;
line-height:20px;
overflow:hidden;
font-size:10px;
color:#CCCCCC;
}
/*网站右侧的样式*/

.content .content_right {
	float: right;
	min-height: 500px;
	overflow: hidden;
	width:300px;
	margin-right:20px;
	margin-top:20px;

}
/*最新导读*/
.latestreview
{
width:300px;
height:350px;
margin:1px;
}
.latestreview .label_wrapper
{
  border-bottom:1px solid #CCCCCC;
  height:30px;
  line-height:30px;
  font-weight:700;
}
.latestreview .content_wrapper
{
height:320px;
margin:1px;
font-size:12px;

}
.latestreview .label_wrapper i
{
background:url(../images/1.png) no-repeat;
background-position:center left;
padding-left:30px;
font-size:18px;
font-weight:700;
font-style:normal;
}
.latestreview .content_wrapper ul li
{
min-height:44px;
overflow:hidden;
border-bottom:1px solid #EEEEEE;
}
.latestreview .content_wrapper ul li .title_txt
{
font-size:15px;
height:30px;
overflow:hidden;
line-height:45px;
letter-spacing:0px;
cursor:pointer;
font-size:16px;
}

.latestreview .content_wrapper ul li .content_txt
{
font-size:12px;
color:#666666;
height:100px;
overflow:hidden;
display:none;
letter-spacing:0px;
margin-top:12px;
font-size:12px;
line-height:20px;
}
.latestreview .content_wrapper ul li .title_txt .catagory
{
float:left;
background:#F1F1F1;
height:23px;
font-size:13px;
line-height:20px;
border-radius:2px;
width:45px;
text-align:center;
margin: 12px 15px 12px 0px;
color:#666666;
overflow:hidden;

}

.latestreview .content_wrapper ul li .title_txt .title_content
{

float:left;
height:45px;
font-size:13px;
line-height:45px;
border-radius:2px;
width:235px;
overflow:hidden;

}
/*签到*/
.sign
{
height:90px;
margin:20px 1px 10px 1px;
position:relative;
}
.sign .intro
{
position:absolute;
bottom:10px;
left:20px;
color:#FFFFFF;
font-size:16px;
}

.sign .sign_opertate
{
position:absolute;
top:65px;
width:70px;
right:25px;
text-align:center;
font-size:16px;
color:#FFFFFF;
cursor:pointer;
}
/*日历*/
.calendar
{
min-height:200px;
margin:1px;
margin-top:30px;

}
.calendar .label_wrapper
{
border:1px solid white;
margin:1px;
height:35px;
border-bottom:1px solid #CCCCCC;
position:relative;
font-size:18px;
}
.calendar .label_wrapper .label_title
{
width:110px;
margin:3px 1px 0px -3px;
text-align:center;
font-weight:700;
font-size:18px;
text-indent:28px;
background:url(../images/callog.png) no-repeat;
}
.calendar .label_wrapper .label_act
{
position:absolute;
height:2px;
top:3px;
left:200px;
color:#3CC09B;
cursor:pointer;
font-weight:600;
}
  .calendar_content
  {
  min-height:250px;
  width:300px;
  background:#FEBD77;
  margin-top:10px;
  }
  .calendar_content .calendar_content_nav
  {
  height:45px;
  border-bottom:1px solid #FFFFFF;
  position:relative;
  }
   .calendar_content .calendar_content_nav .left
   {
   background:url(../images/14.png) no-repeat;
   height:25px;
   top:10px;
   position:absolute;
   left:15px;
    width:25px;
	cursor:pointer;
   }
   .calendar_content .calendar_content_nav .right
   {
   background:url(../images/15.png) no-repeat;
   height:25px;
   width:25px;
   top:10px;
   position:absolute;
   z-index:1000;
   cursor:pointer;
   right: 25px;
   }
   .calendar_content .calendar_content_nav .middle
   {
   width:150px;
   position:absolute;
   height:25px;
   left:60px;
   line-height:25px;
   margin:2px 0px 2px 0px;
   text-align:center;
   color:#FFFFFF;
   font-weight:700;
   cursor:pointer;
   bottom:5px;
   }
   .calendar_content .calendar_content_content table
   {
   width:275px;
   color:#FFFFFF;
   font-size:13px;
   margin:0 auto;
   margin-top:10px;
   height:190px;
   }
    .calendar_content .calendar_content_content table td
	{
	text-align:center;
	cursor:pointer;
	height:20px;
	}
	 .calendar_content .calendar_content_content table td:hover
	 {
	 background:#FFFFFF;
	 color:#333333;
	 }
	.calendar_content .calendar_content_content .othermonth
	{
	color:#666666;
	}
  .calendar_content .calendar_content_content .cir{
  border-radius:12px;
  line-height:25px; t
  ext-align:center;margin:0 auto; 
  height:25px;
   width:25px; 
   background:white;
    color:#000000;
  }

/*关于我们*/
.about{
min-height:200px;
margin:1px;
margin-top:30px;

}
.about .label_wrapper
{
border:1px solid white;
border-left:none;
margin:1px;
height:35px;
border-bottom:1px solid #CCCCCC;
position:relative;
}
.about .label_wrapper .label_title
{
width:110px;
margin:3px 1px 0px -3px;
text-align:center;
font-weight:700;
font-size:18px;
text-indent:28px;
background:url(../images/guanlog.png) no-repeat;
background-position:center left;

}
.about .about_content
{
height:230px;
margin:1px;
position:relative;
}
.about .about_content .pig
{
margin:1px;
height:130px;
width:100px;
position:absolute;
top:20px;
left:10px;

}
.about .about_content .qrcode
{
border:2px solid #00C8C8;
height:130px;
width:130px;
position:absolute;
right:10px;
top:20px;
padding:8px;

}
.about .about_content .intro
{
height:30px;
width:300px;
position:absolute;
top:180px;
left:10px;
line-height:30px;
text-align:center;
background:#00C8C8;
border-radius:2px;
color:#FFFFFF;
font-weight:600;



}
/*热门标签*/
.hotlabel
{
min-height:200px;
margin:1px;
margin-top:30px;

}
.hotlabel .label_wrapper
{
border:1px solid white;
border-left:none;
margin:1px;
height:35px;
border-bottom:1px solid #CCCCCC;
position:relative;
}
.hotlabel .label_wrapper .label_title
{
width:110px;
margin:-1px 1px 0px -3px;
text-align:center;
font-weight:700;
font-size:18px;
text-indent:28px;
background:url(../images/hotlog.png) no-repeat;
background-position:center left;
}
.hotlabel .hotlabel_content
{
min-height:100px;
margin:10px 1px 10px 1px;;
overflow:hidden;
}
.hotlabel .hotlabel_content ul li
{
float:left;
margin:5px 5px 5px 0px;
width:53px;
height:25px;
line-height:25px;
text-align:center;
background:#EEEEEE;
cursor:pointer;
color:#999999;
}
.hotlabel .hotlabel_content ul li:hover
{


background:#16C09B;
cursor:pointer;
color:#FFFFFF;

}
/*问与答*/
.question
{
min-height:200px;
margin:1px;
margin-top:15px;
}
.question .label_wrapper
{

border-left:none;
margin:1px;
height:35px;
border-bottom:1px solid #CCCCCC;
position:relative;
}
.question .label_wrapper .label_title
{
width:110px;
margin:3px 1px 0px -3px;
text-align:left;
font-weight:700;
font-size:18px;
text-indent:30px;
background:url(../images/quelog.png) no-repeat;
background-position:center left;
}
.question .question_content
{
margin-top:20px;
height:390px;
width:300px;
}

/*活跃用户*/

.activeusers
{
min-height:200px;
margin:1px;
margin-top:35px;
}
.activeusers .label_wrapper
{
border:1px solid white;
border-left:none;
margin:1px;
height:35px;
border-bottom:1px solid #CCCCCC;
position:relative;
}
.activeusers .label_wrapper .label_title
{
width:110px;
margin:3px 1px 0px -3px;
text-align:center;
font-weight:700;
font-size:18px;
text-indent:30px;
background:url(../images/huolog.png) no-repeat;
background-position:center left;
}
.activeusers .activeusers_content
{
min-height:100px;
margin-top:13px;
overflow:hidden;

}
.activeusers .activeusers_content .item
{
height:60px;
cursor:pointer;
margin-top:10px;
margin-bottom:10px;

}
.activeusers .activeusers_content .item .img_wrapper
{
height:60px;
width:60px;
float:left;

}
.activeusers .activeusers_content .item .description_wrapper
{
height:60px;
width:220px;
float:left;
border-bottom:1px solid #CCCCCC;
position:relative;
margin-left:15px;

}
.activeusers .activeusers_content .item .description_wrapper .name
{
font-size:16px;
color:#333333;
font-size:16px;
font-weight:600px;

}
.activeusers .activeusers_content .item .description_wrapper .liveness
{
font-size:16px;
color:#666666;

}
.activeusers .activeusers_content .item .description_wrapper .prog
{
height:2px;
background:#16C09B;
position:absolute;
bottom:-2px;

}
/*精品推荐*/
.recommend
{
min-height:200px;
margin:0px;
margin-top:15px;
}
.recommend .label_wrapper
{
border:1px solid white;
border-left:none;
margin:1px;
height:35px;
border-bottom:1px solid #CCCCCC;
position:relative;
}
.recommend .label_wrapper .label_title
{
width:110px;
margin:3px 1px 0px -3px;
text-align:center;
font-weight:700;
font-size:18px;
text-indent:28px;
background:url(../images/jinlog.png) no-repeat;
background-position:center left;
}
.recommend .recommend_content
{
min-height:100px;
overflow:hidden

}
.recommend .recommend_content ul li
{
float:left;
min-height:100px;
width:145px;
margin:1px;
margin-top:15px;
}
.recommend .recommend_content ul li .img_wrapper
{
height:100px;
width:140px;

}
.recommend .recommend_content ul li .description_wrapper
{
height:25px;
line-height:25px;
overflow:hidden;
font-size:13px;
font-weight:500;
margin-top:15px;
}
/*最新评论*/
.lastcomment
{
min-height:200px;
margin:1px;
margin-top:30px;
}
.lastcomment .label_wrapper
{
border:1px solid white;
border-left:none;
margin:1px;
height:35px;
border-bottom:1px solid #CCCCCC;
margin-bottom:10px;
position:relative;
}
.lastcomment .label_wrapper .label_title
{
width:110px;
margin:3px 1px 0px -3px;
text-align:center;
font-weight:700;
font-size:18px;
text-indent:28px;
background:url(../images/zuilog.png) no-repeat;
background-position:center left;
}

.lastcomment .lastcomment_content
{

min-height:65px;
overflow:hidden;
}
.lastcomment .lastcomment_content .head_wrapper
{
float:left;
height:60px;
width:60px;
margin:1px;
margin-top:8px;
}
.lastcomment .lastcomment_content .comment_wrapper
{
float:left;
min-height:50px;
width:224px;
overflow:hidden;
margin-top:8px;
margin-left:10px;

}
.lastcomment .lastcomment_content .item
{
min-height:90px;
overflow:hidden;
border-bottom:1px dashed #E7E7E7;
cursor:pointer;
}
.lastcomment .lastcomment_content .comment_wrapper .name_wrapper
{
height:20px;
font-size:12px;
}
.lastcomment .lastcomment_content .comment_wrapper .name_wrapper i
{
font-style:normal;
font-size:16px;
font-weight:700px;
}
.lastcomment .lastcomment_content .comment_wrapper .comment_content
{

height:40px;
font-size:3px;
color:#999999;
text-align:left;
cursor:pointer;
font-size:14px;
}
/*每日荐书*/
.reommand_book
{
min-height:200px;
margin-top:15px;
}
.reommand_book .label_wrapper
{
border:1px solid white;
border-left:none;
margin:1px;
height:35px;
border-bottom:1px solid #CCCCCC;
margin-bottom:10px;
position:relative;
}
 .reommand_book .label_wrapper .label_title
{
width:110px;
margin:3px 1px 0px -3px;
text-align:center;
font-weight:700;
font-size:18px;
text-indent:28px;
background:url(../images/jianlog.png) no-repeat;
background-position:center left;
}
.reommand_book .reommand_book_content
{
min-height:120px;
overflow:hidden;
}
.reommand_book .reommand_book_content .book_img
{
float:left;
margin:1px;
height:115px;
width:100px;
}
.reommand_book .reommand_book_content .book_content
{
float:left;
margin:1px;
height:115px;
width:150px;
color:#666666;;
}
.reommand_book .reommand_book_content .item
{
border-bottom:1px dashed #CCCCCC;
min-height:100px;
overflow:hidden;
cursor:pointer;
}
/*会员统计*/

.usercount
{
min-height:200px;
margin-top:15px;
}
.usercount .label_wrapper
{
height:35px;
border-bottom:1px solid #CCCCCC;
margin-bottom:10px;
position:relative;
}
.usercount .label_wrapper .label_title
{
width:110px;
margin:3px 1px 0px -3px;
text-align:center;
font-weight:700;
font-size:18px;
text-indent:28px;
background:url(../images/tonglog.png) no-repeat;
background-position:center left;
}
.usercount .usercount_content
{
height:150px;
position:relative;
}
.usercount .usercount_content .descrption
{
position:absolute;
top:50px;
left:140px;
color:#F88A31;
font-weight:bold;
font-size:18px;
}
.usercount .usercount_content .userofcount
{
position:absolute;
top:80px;
left:160px;
color:#AB3B7C;
font-weight:bold;
font-size:18px;
}
/*底部样式*/
.footer
{
min-height:100px;
overflow:hidden;

}
.footer .footer_header
{
height:40px;
line-height:40px;
overflow:hidden;
background:#2C3036;
color:#CCCCCC;
text-align:center;
}
.footer .footer_content
{
min-height:60px;
background:#3A3E46;
overflow:hidden;
}
.footer .footer_header ul
{
min-height:30px;
overflow:hidden;
margin:0 auto;
width:245px;
margin-bottom:1px;
}
.footer .footer_header ul li
{
float:left;
height:37px;
text-align:center;
width:80px;
border-left:1px solid #272727;
cursor:pointer;

}
.footer .footer_header ul li:hover
{
background:#3A3E46;
cursor:pointer;
margin-bottom:2px;
}
.footer .footer_content
{
min-height:80px;
overflow:hidden;


}
.footer .footer_content .friendlink
{
height:30px;
line-height:30px;
width:1160px;
margin:0 auto;
color:#CCCCCC;
font-size:12px;
border-bottom:1px solid #535353;
}
.footer .footer_content .coopwebsite
{

min-height:30px;
width:1160px;
margin:0 auto;
color:#CCCCCC;
overflow:hidden;
}

.footer .footer_content .coopwebsite ul li
{
float:left;
margin-right:10px;
height:25px;
line-height:25px;
font-size:12px;
cursor:pointer;

}
.footer .footer_content .ownwebsite
{
border-bottom:1px solid #535353;
width:1160px;
height:30px;
margin:0 auto;
color:#CCCCCC;
line-height:30px;
font-size:12px;
margin-bottom:20px;
}
/*浮动导航*/
  .floatnav
  {
    min-height:420px;
	width:60px;
	font-size:12px;
	background-position:center;
	position:fixed;
	top:100px;
	right:0px;
	z-index:100;

  }
   .floatnav ul
   {
   min-height:50px;
   margin:0 auto;
   margin-top:1px;
   }
   .floatnav ul li
   {
   height:50px;
   width:50px;
   line-height:50px;
   text-align:center;
   color:#FFFFFF;
   border:1px solid white; 
   margin:1px 1px 1px 2px;
   cursor:pointer;
   }
 .floatnav .right_overlap
   {
   	height:100%;
	width:100%;
	background:#16C09B;
	display:none;
   
   }
   .floatnav ul .f1
   {
   background:url(../images/f1.png);
   }
   .floatnav ul .f2
   {
   background:url(../images/f2.png);
   }
   .floatnav ul .f3
   {
   background:url(../images/f3.png);
   }
   .floatnav ul .f4
   {
   background:url(../images/f4.png);
   }
   .floatnav ul .f5
   {
   background:url(../images/f5.png);
   }
    .floatnav ul .f6
	{
	
	background:url(../images/f6.png);
	}
    .floatnav ul .f7
	{
	background:url(../images/f7.png);
	}
	.floatnav ul .f8
	{
	
	background:url(../images/f8.png);
	}
	/*下拉菜单*/



.myselect
{
height:33px;
width:72px;
cursor:pointer;
position:absolute;
color:#666666;
font-size:16px;
z-index:1000000;
background:#FFFFFF;
left:0px;
}
.myselect .select_txt{
height:35px;
line-height:35px;
width:70px;
text-align:left;
cursor:pointer;
font-size:14px;
color:#999999;
font-weight:600px;
text-indent:15px;
position:relative;
}
.myselect .select_txt img
{
position:absolute;
top:8px;
right:0px;
}

.myselect ul{
min-height:100px;
overflow:hidden;
display:none;
position:absolute;
top:30px;
left:-1px;
background:#FFFFFF;
border:1px solid #16c09b;
border-top:none;
z-index:10;

}
.myselect ul li
{
width:70px;
line-height:30px;
height:30px;
border-collapse:collapse;
text-align:left;
text-indent:15px;
font-size:14px;
color:#999999;
font-weight:600px;

}
.myselect .selected{
background:#f0f0f0;
cursor:pointer;

}
.myselect ul li:hover
{
background:#f0f0f0;
cursor:pointer;
}
	
	
	
	
	
	